<template>
	<div class="wrap echarts_box2">	
		<div class="head">
	    	 <div class="headline">			  	    	 	 
	    	 	 <span class="title">企业统计</span>			  	    	 	 
	    	 </div>
    	 </div>		
		<div class="body">			
	    	<div class="statistics_wrap">
                <div class="section section1">
                	<img src="/img/bigScreen/13.png" alt="" />
                	<div class="word">
                		<div class="word1">{{deptNum}}</div>  
                		<div class="word2">企业数</div>
                		              		
                	</div>                	                	
                </div>
                <div class="section section1">
                	<el-progress type="circle" :percentage="96.5" :show-text="false" 
                		status="exception" width="58" color="#39D8B1">
                	</el-progress>
                	<div class="word">
                		<div class="word1">{{deptNum1}}</div>  
                		<div class="word2">运行企业</div>            		
                	</div>                	                	
                </div>
                <div class="section section1">
                	<el-progress type="circle" :percentage="3.5" 
                		:show-text="false"   color="#F5A623" 
                		status="exception" width="58">
                	</el-progress>
                	<div class="word">
                		<div class="word1">{{deptNum2}}</div>                    		
                		<div class="word2">停产企业</div>
            		
                	</div>                	                	
                </div>                
	    	</div>
        </div>   
	</div>
</template>	

<script>
	import { getDeptNum } from "@/api/bigScreen/bigScreen";
	export default {
		data() {
			return {
               deptNum:9001,
               deptNum1:8691,
               deptNum2:310,
			}
		},
		mounted() {

		},
		methods: {

		}
	}
</script>



<style lang="scss" scoped>
/*.wrap{height: 100%;position: relative;border:1px solid #12B8E8;
   *{box-sizing: border-box;}
}
.body{
	
  height: 100%;	
  display: flex;flex-direction: column;
  .statistics_wrap{flex: 1;display: flex;background: red;}	
  .section{flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;
    .word{margin-top: 10px;text-align: center;
       .word1{font-size: 20px;font-family:yjsz;margin-bottom: 4px;color: #15FEFE;}
       .word2{font-size: 14px;margin-bottom: 5px;color: #F3FFFF;}
    }
  }
}*/


.wrap{display: flex;flex-direction: column;height: 100%;}
.body{flex: 1;display: flex;
  .statistics_wrap{flex: 1;display: flex;}
  .section{flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;
  
    img{width: 58px;}
    .word{margin-top: 10px;text-align: center;margin-left: 10px;
       .word1{font-size: 20px;font-family:yjsz;margin-bottom: 4px;color: #15FEFE;}
       .word2{font-size: 14px;margin-bottom: 5px;color: #F3FFFF;}
    }
  }
}

</style>
